<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
const url: string = '';
</script>

<template>
  <el-container style="height: 100vh;">
    <el-aside width="50px" style="background-color: rosybrown;">Aside


      <el-avatar shape="square" :size="40" fit="cover" :src="url" style="margin: auto;" />
      <el-menu default-active="1" >
        
        <el-menu-item index="1" style="padding: 0px;">
          <el-icon>
            <setting />
          </el-icon>
        </el-menu-item>
        <el-menu-item index="2">
          <el-icon>
            <setting />
          </el-icon>
        </el-menu-item>
        <el-menu-item index="3">
          <el-icon>
            <setting />
          </el-icon>
        </el-menu-item>
        <el-menu-item index="4">
          <el-icon>
            <setting />
          </el-icon>
        </el-menu-item>
      </el-menu>
    </el-aside>

    <el-container>
      <el-aside width="100px" style="background-color: aqua;">Aside</el-aside>
      <el-container>
        <el-header height="100px" style="background-color: chartreuse;">Header</el-header>
        <el-main style="background-color: yellow;">Main</el-main>
        <el-footer height="100px" style="background-color: darkkhaki;">Footer</el-footer>
      </el-container>
    </el-container>
  </el-container>

</template>
<style>
body {
  margin: 0px;
}
</style>